<!doctype html>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>账单</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/mui.css" />
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
				  if(location.pathname!="/h5/html/login.html" && typeof(sessionStorage.token)=="undefined"){
									
				 					mui.openWindow({
											url: 'login.html', 
											   
									});
								
							}
		</script>
		<script type="text/javascript" src="../js/common.js"></script>
		<link rel="stylesheet" href="../css/common.css" />
		<style>
			.check1 {
				width: 3.1rem;
				height: 0.7rem;
				margin: 0.17rem 0.25rem;
				background: #DC4B19;
			}
			
			.active {
				background: white;
				border: #F2F2F2;
				color: #999999;
			}
			
			p {
				margin: 0;
			}
			
			.tit {
				width: 100%;
				height: 0.66rem;
				background: #F2F2F2;
			}
			
			.tit span {
				display: block;
				font-size: 14px;
				color: #646464;
				width: 50%;
				float: left;
				text-align: center;
				margin-top: 0.15rem;
			}
			
			.list li {
				width: 7.5rem;
				height: 1.8rem;
				position: relative;
				border-bottom: 1px solid #DCDCDC;
			}
			
			.list li img {
				position: absolute;
				left: 0.3rem;
				top: 0.3rem;
				width: 1rem;
				height: 1rem;
			}
			
			.b_name {
				position: absolute;
				font-size: 0.3rem;
				color: #323232;
				left: 1.6rem;
				top: 0.4rem;
			}
			
			.b_number {
				position: absolute;
				font-size: 0.3rem;
				color: #323232;
				left: 1.6rem;
				top: 0.9rem;
			}
			
			.adress {
				position: absolute;
				font-size: 0.27rem;
				color: #646464;
				left: 0.3rem;
				top: 1.7rem;
			}
			
			.b_phone {
				position: absolute;
				left: 0.3rem;
				top: 2.2rem;
				font-size: 0.27rem;
				color: #646464;
			}
			
			.page {
				margin-left: 2rem;
				margin-top: 1rem;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<button type="button" class="mui-btn mui-btn-danger check1 active recommend_b" >推荐的商户</button>
			<button type="button" class="mui-btn mui-btn-danger check1  business_cash">推荐的会员</button>
		</div>

		<ul class="list" style="background: white;">
			<li>
				<img src="../images/mylogo.png" />
				<p class="b_name">用户名：<span>王维</span></p>
				<p class="b_number">用户地址：<span>7896</span></p>
			</li>
			<li>
				<img src="../images/mylogo.png" />
				<p class="b_name">用户名：<span>王维</span></p>
				<p class="b_number">用户地址：<span>8963879</span></p>
			</li>
		</ul>

		<ul class="mui-pagination page">
			<li class="back">
				<span> &laquo;上一页 </span>
			</li>

			<li class="next">
				<a>下一页&raquo;</a>
			</li>
		</ul>
	</body>

</html>
<script>
	document.querySelector('.recommend_b').addEventListener('tap', function() {
		mui.openWindow({
			url: 'recommend_b.html',
		});
	});
</script>